import React from 'react';
import { Image, View, Text } from '@tarojs/components';
import i18n from '@I18N'
import Images from '@ASSET/Images'
import './index.scss'

const FollowQRCode = ({ image = Images.qrCode.official_account1_article }) => (
  <View className="followQrCodeContainer">
    <Image src={image} className="followQrCodeImage" showMenuByLongpress />
    <View className="followQROfficalContainer">
      <Text className="followQROfficalText">{i18n.officialAccount.official_account()}</Text>
    </View>
    <View className="followQROfficalTipsContainer">
      <Text>{i18n.officialAccount.followTips()}</Text>
      <Text className="followQROfficalappName">
        「
        {i18n.common.appName()}
        」
      </Text>
    </View>
    <Text className="followTips2Text">{i18n.officialAccount.followTips2()}</Text>
  </View>
)
export default FollowQRCode
